import { createRouter, createWebHistory } from 'vue-router'
import HomeView from '../views/HomeView.vue'

const routes = [
  {
    path: '/',
    name: 'home',
    component: HomeView
  },
  {
    path: '/about',
    name: 'about',
    component: () => import( '../views/AboutView.vue')

  },
  {
    path:'/a',
    name: 'a',
    component: () => import( '../views/AView.vue')

  },
  {
    path:'/b',
    name: 'b',
    component: () => import( '../views/BView.vue')
  },
  {
    path:'/c',
    name: 'c',
    component: () => import( '../views/CView.vue')
  },
  {
    path:'/d',
    name: 'd',
    component: () => import( '../views/DView.vue')
  },
  {
    path:'/e',
    name: 'e',
    component: () => import( '../views/EView.vue')
   },
  {
    path:'/f',
    name: 'f',
    component: () => import( '../views/FView.vue')
  },
  {
    path:'/g',
    name: 'g',
    component: () => import( '../views/GView.vue')
  },
  {
    path:'/h',
    name: 'h',
    component: () => import( '../views/HView.vue')
  },
  {
    path:'/i',
    name: 'i',
    component: () => import( '../views/IView.vue')
  },
  {
    path:'/j',
    name: 'j',
    component: () => import( '../views/JView.vue')
  },

    {
      path:'/k',
      name: 'k',
      component: () => import( '../views/KView.vue')
    },
    {
      path:'/l',
      name: 'l',
      component: () => import( '../views/LView.vue')
    },
  {
    path: '/m',
    name: 'm',
    component: () => import( '../views/MView.vue')
  },
  {
    path: '/n',
    name: 'n',
    component: () => import( '../views/NView.vue')
  },
  {
    path: '/o',
    name: 'o',
    component: () => import( '../views/OView.vue')
  },
    {
      path: '/p',
      name: 'p',
      component: () => import( '../views/PView.vue')
    },
    {
      path: '/q',
      name: 'q',
      component: () => import( '../views/QView.vue')
    },
    {
      path: '/r',
      name: 'r',
      component: () => import( '../views/RView.vue')
    },
    {
      path: '/s',
      name: 's',
      component: () => import( '../views/SView.vue')
    },
    {
      path: '/t',
      name: 't',
      component: () => import( '../views/TView.vue')
    },
    {
      path: '/u',
      name: 'u',
      component: () => import( '../views/UView.vue')
    },
    {
      path: '/v',
      name: 'v',
      component: () => import( '../views/VView.vue')
    },
    {
      path: '/w',
      name: 'w',
      component: () => import( '../views/WView.vue')
    },
    {
      path: '/x',
      name: 'x',
      component: () => import( '../views/XView.vue')
    }
]

const router = createRouter({
  history: createWebHistory(process.env.BASE_URL),
  routes
})

export default router
